@include('layout.header')
<link rel="stylesheet" type="text/css" href="{{ URL::asset('rankinglist/css/help.css') }}" />

<div class="j_Content clearfix">
<div class="j_con">
    <div class="j_Content_one" id="one">
        <img src='{{ URL::asset("rankinglist/images/1.jpg") }}' alt="">
    </div>
    <div class="j_Content_one" id="two">
        <img src='{{ URL::asset("rankinglist/images/2.jpg") }}' alt="">
    </div>
    <div class="j_Content_one" id="three">
        <img src='{{ URL::asset("rankinglist/images/3.jpg") }}' alt="">
    </div>
    <div class="j_Content_one" id="four">
        <img src='{{ URL::asset("rankinglist/images/4.jpg") }}' alt="">
    </div>
    <div class="j_Content_one" id="five">
        <img src='{{ URL::asset("rankinglist/images/5.jpg") }}' alt="">
    </div>
    <div class="j_Content_one" id="six">
        <img src='{{ URL::asset("rankinglist/images/6.jpg") }}' alt="">
    </div>
    <div class="j_Content_one" id="seven">
        <img src='{{ URL::asset("rankinglist/images/7.jpg") }}' alt="">
    </div>
    <div class="j_Content_one" id="eight">
        <img src='{{ URL::asset("rankinglist/images/8.jpg") }}' alt="">
    </div>
    <div class="j_Content_one" id="nine">
        <img src='{{ URL::asset("rankinglist/images/9.jpg") }}' alt="">
    </div>
    <div class="j_sideNav">
        <ul id="j_box">
            <li><a href="#one" class="active"><i class="j_active"></i>一、EAI分析师介绍</a></li>
            <li><a href="#two"><i></i>二、开设分析师账户</a></li>
            <li><a href="#three"><i></i>三、交易规则</a></li>
            <li><a href="#four"><i></i>四、功能介绍</a></li>
            <li><a href="#five"><i></i>五、分析师奖励收入</a></li>
            <li><a href="#six"><i></i>六、体现功能</a></li>
            <li><a href="#seven"><i></i>七、交易时间</a></li>
            <li><a href="#eight"><i></i>八、EAI推荐的交易策略</a></li>
            <li><a href="#nine"><i></i>九、账户停用</a></li>
        </ul>
    </div>
</div>
</div>


<script>
$(function() {
    var flag = true;
    $(window,document).bind("scroll",function(){
        backToTopFun();
        if($(".j_sideNav").offset().top  > 6200){
            $(".j_sideNav").css('top','6200px')
        }
    });
    function backToTopFun() {
        var st = $(document).scrollTop();
        var maxh = $(".j_Content").height();
        var myh = $(".j_sideNav").height();
        var myt = 50;
        var mid = maxh - myh + myt ;

        if (st > mid) {
            $('.j_sideNav').css('top', mid);
        } else {
            $('.j_sideNav').css('top', st + myt);
        }
    };
});
$(function(){
    var j_Arr = ["one","two","three","four","five","six","seven","eight","nine"];
    var j_Box = $('#j_box li a');
    var j_active = $('#j_box li a i');
    for(var i=0;i<j_Box.length;i++){
        j_Box[i].index = i;
        j_Box[i].onclick = function(){
            for(var i=0;i<j_Box.length;i++){
                j_Box[i].className ='';
                j_active[i].className ='';
            }
            j_Box[this.index].className = 'active';
            j_active[this.index].className ='j_active';
            $("html, body").animate({
                scrollTop: $("#"+j_Arr[this.index]+"").offset().top }, {duration: 500,easing: "swing"});
            return false;
        }
    }    
})
</script>
<br style="clear:both;">
@include('layout.footer')